By working through the lessons in this course, you've learned and applied the knowledge needed for the process of creating a mobile application in React Native, from beginning to end. This started with setting up your development environment with the necessary tools and configurations, and you finished with a complete and functional app that you can submit to an app distribution platform.

You will now take part in a peer review exercise in which you will submit your completed app for two of your peers to review. You will also be required to review two of your peers' apps. The grading criteria are covered in more detail below.

When you submit your assignment, other learners in the course will review and grade your work. They will evaluate based on the following questions:

• Is there a wireframe design upon which the actual screens in your mobile app are based?

• Are you greeted with an Onboarding screen when the app is opened for the first time, with a prompt to enter your personal details?

• Does the Onboarding screen feature a Next button that is only enabled when the details are entered?

• Does the layout of the Home screen contain the following sections? header , hero , menu breakdown, and the food menu list .

• When accessed, is the Profile screen populated with the data you entered during onboarding?

• Are saved changes in the Profile screen retained when the app is restarted?

• Does clicking the Log out button clear all data from the Profile screen?

• Does the app feature stack navigation that allows you to access the previous screen using the Back button?

• Does the hero section contain a brief description of Little Lemon restaurant and a search bar?

• Does the menu breakdown section feature selectable menu categories?

• Does the food menu list section display a summarized view of the menu items?

• Can you suggest any ways in which this app could be improved?

You'll also need to give feedback on and grade the assignments of two other learners using the same criteria.

Your submission will consist of two parts: An image that features the wireframe you constructed in the design phase, and your app project files that will allow a reviewer to run your app.

The wireframe image might appear as in the following example:

Keep in mind that the Home screen should adhere to the general layout illustrated in the image below:

In the actual app, the Home screen should appear similarly to the following image:

The Onboarding and Profile screens might appear as follows:

Your project will be built locally in your preferred integrated development environment (IDE), but your code will be stored in a GitHub repository.

When you are happy that the code is working and you have tested the project, you must perform the following steps to make the project available for your peers to review.

Step 1

To export the wireframe image from Figma, select the relevant frame, click on Export under the Design tab of the right-hand panel, select JPG as the output format and specify an export destination.

Step 2

Add and commit the wireframe JPG image to your GitHub repository.

Step 3

Click on the My submission tab.

Step 4

Provide a Project Title , for example, React App Capstone Project .

Step 5

Paste the URL of the GitHub repository that contains your capstone project code.

Step 6

Click the Preview button, which will prompt you to review your work.

Step 7

Finally, click the Submit button.

Once you have submitted your Capstone project, you are required to review two of your peers' submissions. You can view the peers that you need to review in the "Peers to review" section.

Download the Capstone project of your peer.

The steps are as follows:

Step 1

Click the Review assignments button.

Step 2

Read the instructions under the heading Review fellow learners and press the Start Reviewing button.

Step 3

Create a folder on your local machine to store the code of the project of your peer.

Step 4

Open the folder in the IDE and download the project of your peer to that folder using the GitHub URL with the git clone command.

Step 5:

Once the project is cloned to your local machine, open it and answer the rubric questions.

The focus of your feedback should be on the presentation and functionality of the app.

Follow the prompts and look for the expected output. If you notice any errors in the functionality of any of the elements of the Little Lemon app, you will have the opportunity to provide guidance to your peers on how they might fix the error.

An example of good feedback would be:

"When I clicked on the button for the ‘Desserts’ category, the list changed to display only the dessert items, as expected. However, I noticed that the button did not give any visual indication of being selected. I would recommend having the button change when selected."